<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>会员注册</title>
</head>
<body>
<div style="display: flex;width: 800px;justify-content: center;">
    <form action="login" method="GET">
        <fieldset>
            <legend style="text-align: center;color: cornflowerblue" >新会员注册</legend>
            <p>会员号 &nbsp;&nbsp;<input type="text" name="account" required></p>
            <p>密码 &nbsp;&nbsp;<input type="password" name="password" required></p>
            <p>性别 &nbsp;&nbsp;<input type="radio" name="sex" value="man">&nbsp;男 <input type="radio" name="sex" value="woman">&nbsp;女 </p>
            <p>常住地址 &nbsp;&nbsp;<select name="address" id="area" multiple>
                <option value="sichuan">四川</option>
                <option value="shanghai">上海</option>
            </select>
            </p>
            <p>通讯地址 &nbsp;&nbsp;<input type="text" name="mailing" ></p>
            <p>E-mail &nbsp;&nbsp;<input type="email" name="email" required></p>
            <p>学历 &nbsp;&nbsp;<select name="edu" id="school">
                <option value="研究生">研究生</option>
                <option value="小学生">小学生</option>
                <option value="坏学生">坏学生</option>
            </select>
            </p>
            <p>个人爱好 &nbsp;&nbsp;<input type="checkbox" name="hobby" value="sport">体育运动 &nbsp;
                <input type="checkbox" name="hobby" value="travel">旅游 &nbsp;
                <input type="checkbox" name="hobby" value="draw">书画 &nbsp;
                <input type="checkbox" name="hobby" value="write">写作 &nbsp;
                <input type="checkbox" name="hobby" value="collect">收藏 &nbsp;
                <input type="checkbox" name="hobby" value="music">音乐 &nbsp;
            </p>
            <p>会员头像 &nbsp;&nbsp;<input type="file" name="face"></p>
            <p>备注 &nbsp;&nbsp;<textarea name="remark" cols="40" rows="4"></textarea></p>
            <p> &nbsp;&nbsp;<input type="submit" value="提交">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="reset"></p>
        </fieldset>
    </form>
</div>
</body>
</html>